.address {
  padding: 20rpx;
  border-bottom: 1px solid var(--color);

  button {
    font-weight: normal;
    color: var(--color);
    border-color: var(--color);
  }


  .phone {
    float: right;
  }

}

.goodContent {
  padding-bottom: 100rpx;
}

.goods {
  padding: 0 20rpx;

  checkbox-group {
    float: left;
    margin-top: 106rpx;

  }

  height: 260rpx;
  border-bottom: 1px solid #eee;


  image {
    height: 70%;
    margin-top: 40rpx;
    margin-left: 40rpx;

  }

  .goodIntro {
    height: 100%;
    float: right;
    width: 400rpx;

    .name {
      width: 100%;
      height: 124.8rpx;
      margin-top: 30rpx;
      overflow: hidden;
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 3;

    }

    .price {
      color: var(--color);

      .qian {
        float: left;
        margin-top: 40rpx;
      }

      .num {
        float: right;
        margin-top: 25rpx;
        display: flex;
        justify-content: center;
        align-items: center;

        button {
          margin: 0 20rpx;
        }
      }
    }
  }
}




.bottom {
  border-top: 1px solid #eee;
  overflow: hidden;
  position: fixed;
  bottom: 0;
  height: 100rpx;
  width: 100%;
  background-color: #fff;

  checkbox {
    float: left;
    margin-top: 25rpx;
    margin-left: 20rpx;
  }

  .price {
    text-align: right;
    float: left;
    padding-left: 235rpx;

    text {
      color: rgba(249, 18, 18, 0.812);
      font-size: 36rpx;
      margin: 20rpx 20rpx 0;
      font-weight: 700;
    }
  }

  .yunfei {
    font-size: 28rpx;
    padding-right: 20rpx;
  }

  .buy {
    float: right;
    width: 200rpx;
    height: 100%;
    line-height: 100rpx;
    background-color: rgba(249, 18, 18, 0.812);
    color: #fff;
    text-align: center;
  }
}